<template>
	<div id="app">
		<!--应用程序栏-->
		<v-app id="inspire" style="width: 100%;">
			<v-app-bar app color="#FF5252">
				<v-list-item-title style="text-align: center;font-size:18px;color:white">我的订单</v-list-item-title>
				<v-btn elevation="0" small color="#FF5252" router-link :to="{ path: '/main/mine' }" class="go_back">
					<icon name="back" scale="2" color="white"></icon>
				</v-btn>
			</v-app-bar>
			<v-tabs fixed-tabs style="flex: 0;">
				<v-tab style="margin-left:0px;">
					<router-link :to="{ path: 'all_order'}" tag="span" @click.stop>
						全部订单
					</router-link>
				</v-tab>
				<v-tab>
					<router-link :to="{ path: 'check_money_order'}" tag="span" @click.stop>
						待支付
					</router-link>
				</v-tab>
				<v-tab>
					<router-link :to="{ path: 'appraise_order'}" tag="span" @click.stop>
						待评价
					</router-link>
				</v-tab>
				<v-tab>
					<router-link :to="{ path: 'finish_order'}" tag="span" @click.stop>
						已完成
					</router-link>
				</v-tab>
			</v-tabs>
			<div>
				<!-- 				<keep-alive>
					<router-view v-if="$route.meta.keepAlive"></router-view>
				</keep-alive>
				<router-view v-if="!$route.meta.keepAlive"></router-view> -->
				<router-view> </router-view>
			</div>
		</v-app>
	</div>
</template>

<script>
	export default {
		name: "HouseOrder",
		data() {
			return {}
		},
		mounted() {
			console.log(11111)
			// }
		}

		// ,
		// beforeRouteLeave(to, from, next) {
		// 	if(to.path == "/main/mine"){
		// 		from.meta.keepAlive = false;
		// 	}else{
		// 		from.meta.keepAlive = true;
		// 	}
		// 	next();
		// }
		// ,
		// beforeRouteEnter(to, from, next) {
		// 	from.meta.keepAlive = false;
		// 	next();
		// }
	}
</script>

<style scoped>

</style>
